<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/init.css">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<!-- search -->
		<section class="search">
			<a class="search_a" href="#">搜索目的地/酒店</a>
		</section>
		<!-- nav -->
		<nav class="nav">
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
			<a class="nav_a" href="#">
				<div class="nav_div1"><img class="nav_img" src="./images/hotel.png"></div>
				<div class="nav_div2">连接名</div>
			</a>
		</nav>
		<!-- 推荐 -->
		<section class="tuijian">
			<div class="tuijian_tjzb">
				<a href="#" class="tuijian_tjzb_top">
					<img class="tuijian_tjzb_img" src="./images/tejiazhibo.png">
					<div class="tuijian_tjzb_txt">特价好货直播中</div>
				</a>
				<a href="#" class="tuijian_tjzb_bottom">
					<img class="tuijian_tjzb_fengmian" src="./images/fengmian1.jpg">
					<div class="tuijian_tjzb_jiage"><span class="tuijian_tjzb_huobi">&yen;</span>699</div>
				</a>
			</div>
			<div class="tuijian_jpf">
				<a href="#" class="tuijian_jpf_top">
					<img class="tuijian_jpf_img" src="./images/jingxuanfang.png">
					<div class="tuijian_jpf_txt">权威排行榜</div>
				</a>
				<div class="tuijian_jpf_bottom">
					<div class="tuijian_jpf_left">
						<img class="tuijian_jpf_fengmian" src="./images/fengmian2.jpg">
						<div class="tuijian_jpf_title">正宗本帮菜</div>
					</div>
					<div class="tuijian_jpf_right">
						<img class="tuijian_jpf_fengmian" src="./images/fengmian3.jpg">
						<div class="tuijian_jpf_title">周边奢华酒店在哪里怎么选</div>
					</div>
				</div>
			</div>
		</section>
		<!-- 横幅广告 -->
		<a class="ad" href="#"></a>
		<!-- 页尾 -->
		<footer class="footer">
			<div class="footer_div1">
				<a class="footer_a1" href="#">电话预定</a>
				<a class="footer_a1" href="#">下载携程</a>
			</div>
			<div class="footer_div2">
				<a class="footer_a2" href="#">网站地图</a>
				<a class="footer_a2" href="#">电脑版</a>
			</div>
			<div class="footer_div3">&copy;2024携程旅行 沪ICP备08023580号</div>
		</footer>
		<!-- 菜单区域 -->
		<section class="menu">
			<a class="menu_a" href="#">
				<div class="menu_img menu_img1"></div>
				<div class="menu_txt">首页</div>
			</a>
			<a class="menu_a" href="#">
				<div class="menu_img menu_img2"></div>
				<div class="menu_txt">社区</div>
			</a>
			<a class="menu_a" href="#">
				<div class="menu_img menu_img3"></div>
				<div class="menu_txt">消息</div>
			</a>
			<a class="menu_a" href="#">
				<div class="menu_img menu_img4"></div>
				<div class="menu_txt">我的</div>
			</a>
		</section>
		<!-- 固定广告 -->
		<a class="fixad" href="#"></a>
	</body>
</html>